<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // localStorage    没有路径，没有有效期，它本身是长期有效的

        console.log(localStorage);

        // 存储数据、setItem
        localStorage.setItem('yy' , '123');
        localStorage.setItem('ww' , '222');
        localStorage.setItem('aa' , '234');

        // 删除数据  removeItem
        // localStorage.removeItem('yy');

        // 获取数据  getItem
        console.log(localStorage.getItem('yy'));


        // 假如需要设置有效期   

        const future = new Date('2023,2,15') ;

        const date = new Date() ;


        // 判断当前日期是否已经超过设定的这个日期  --- 如果超过了就清除数据
        if(future - date <= 0) {
            localStorage.removeItem('yy');
        }


        // 无法实现的  --- 除非这个页面一直在
        // setTimeout(() => {
        //     localStorage.removeItem('yy')
        // } , 3600000)




        // 遍历所有的数据
        // for(let key in localStorage) {
        //     console.log(key);   // 会遍历出除了数据以外的其他属性和方法
        // }

        // 遍历所有的数据
        for(let i = 0 ; i < localStorage.length ; i++) {
            const key = localStorage.key(i) ;
            console.log(key);
            console.log(localStorage.getItem(key));
        }


      



    </script>
</body>
</html>